<!DOCTYPE html>
<html style="overflow: hidden;">

	<head>
		<meta charset="UTF-8">
		<title></title>
		<link rel="stylesheet" type="text/css" href="../public/modules/element-ui/lib/theme-chalk/index.css" />
		<link rel="stylesheet" type="text/css" href="../static/zoeicon-font/iconfont.css" />
		<link rel="stylesheet" type="text/css" href="../static/main.css" />
		<script src="../public/seajs.js" type="text/javascript" charset="utf-8"></script>
		<script src="../public/modules/vue/vue.js" type="text/javascript" charset="utf-8"></script>
		<script src="../public/modules/element-ui/lib/index.js" type="text/javascript" charset="utf-8"></script>
	</head>

	<body>
		<div id="app">
			<el-container>
				<el-container>
					<el-aside style="width: 200px;height: 800px;">
						<el-menu class="el-menu-vertical-demo">
							<el-submenu :index="menu.id" v-for="(menu,index) in menuArr">
								<template slot="title">
									<i :class="menu.class"></i>
								</template>
								<span slot="title">{{menu.name}}</span>
								<el-menu-item-group v-for="(menuChild,j) in menu.children">
									<el-menu-item :index="menuChild.id">{{menuChild.name}}</el-menu-item>
								</el-menu-item-group>
							</el-submenu>
						</el-menu>
					</el-aside>
				</el-container>
			</el-container>
		</div>
	</body>
	<script type="text/javascript">
		/*自己写的js 使用这个方式引用*/
		seajs.use("./public/js/main.js", function(main) {
			main.init();
		});
	</script>

</html>